@CHARSET "UTF-8";
body {
	margin: 0 auto;
}
 input{
 	border:solid 1px #FFFFFF;
 	width: 50px;
 	padding : 1px 20px 1px 20px;
 }
#systembase {
	background-color: gray;
	width: 78%;
	max-height: 680px;
	float: left;
	padding: 10px;
}
#info{
	margin-left: 25px;
	width: 1000px;
	height: 625px;
	background-color: white;
	/* padding: 10px; */
	
}
.room1{
	background-color: white;
	width: 35%;
	height: 150px;
	border: solid 3px #4a94d4;
	padding: 5px;
	float: left;
	margin-left: 90px;
	margin-top: 5px;
	border-radius: 10px;
	
}
.room2{
	background-color: white;
	width: 35%;
	height: 150px;
	border: solid 3px #4a94d4;
	padding: 5px;
	float: left;
	border-radius: 10px;
	margin-left: 30px;
	margin-top: 5px;
}

table{
	width: 100%;
	height:100%;
	text-align: center;
	}
	
#systembaseside {
	background-color: white;
	float: left;
	width: 20%;
	height: 100%;
}	
h3{
	padding-top:10px;
	margin-left: 100px;
	color: #505050;
	font-size: 120%;
}
.select{
	width: 60%;
	height: 30px;
	border: solid 2px #4a94d4;
	border-radius: 5px;
	margin-left: 55px;
	margin-top: 50px;
	
}
select{
	width: 100%;
	height: 100%;
	}
.bed_info{
	width : 60%;
	height: 150px;
	border: solid 2px #4a94d4;
	border-radius: 5px;
	margin-left: 55px;
	margin-top: 90px;
}
.info_table{
	width: 100%;
	height: 100%;
}
.button{
	margin-top: 200px;
	margin-left: 55px;
	width: 60%;
	height: 50px;
}
button{
	width: 100%;
	height: 100%;
}